﻿/** 清除内外边距 **/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
	margin: 0;
	padding: 0;
}
html {
	width: 100%;
	height: 100%;
}
/** 设置默认字体 **/
body {
	font: 0.14rem/1.5 "Microsoft YaHei", "微软雅黑", arial, sans-serif;
	-webkit-tap-highlight-color:transparent;
	background-color: #fff;
	width: 100%;
	height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}
address,
cite,
dfn,
em,
var {
	font-style: normal;
}
/* 将斜体扶正 */
code,
kbd,
pre,
samp {
	font-family: courier new, courier, monospace;
}
/* 统一等宽字体 */
em {
	font-weight: bold;
}
/** 重置列表元素 **/
ul,
ol {
	list-style: none;
}
/** 重置文本格式元素 **/
a {
	text-decoration: none;
	color: inherit;
}
a:active,
a:visited,
a:link,
a:hover {
	text-decoration: none;
	outline: none;
	-webkit-tap-highlight-color: transparent;
}
sup {
	vertical-align: text-top;
}
/* 重置，减少对行高的影响 */
sub {
	vertical-align: text-bottom;
}
/** 重置表单元素 **/
fieldset,
img {
	border: 0;
	outline: none;
}
/* img 搭车：让链接里的 img 无边框 */
button,
input,
select,
textarea {
	border: none;
	outline: none;
}
/* 使得表单元素在 ie 下能继承字体大小 */
img {
	width: 100%;
	/*height: 100%;*/
	display: block;
}
/** 重置表格元素 **/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* 重置 HTML5 元素 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	display: block;
	margin: 0;
	padding: 0;
}
mark {
	background: #ff0;
}
input[type="checkbox"] {
	cursor: pointer;
}
::-webkit-input-placeholder {
	color: #848484;
}
/*一些强制重置样式的类名*/
.mt0 {
	margin-top: 0 !important;
}
.ml0 {
	margin-left: 0 !important;
}
.mr0 {
	margin-right: 0 !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.bt0 {
	border-top-width: 0 !important;
}
.bb0 {
	border-bottom-width: 0 !important;
}
.pt0 {
	padding-top: 0 !important;
}
.hide {
	display: none;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.clearFix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearFix {
	zoom: 1;
}
*[class*="icon_"],
*[class*="icon_"]::before,
*[class*="icon_"]::after{
	display: inline-block;
	vertical-align: middle;
	/* background-image: url('./img/icon_sprite.png'); */
	background-repeat: no-repeat;
	background-size:100%;
}
/*超出部门用...代替*/
.ellipsis{
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-berak: normal;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
}
.middleCenter{
	position:absolute;
	top:50%;
	left:50%;
	border-radius: 5px;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

/* === Preloader start=== */
.load .loadImg{width:5.40rem;padding:0.2rem;border-radius:5px;/*background:#fff;*/z-index:123989;text-align:center;}
.load .loadImg{font-size:0.3rem;color:#878787;}
.preloader {
	display: inline-block;
	width: 0.7rem;
	height:0.7rem;
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: preloader-spin 0.6s steps(12, end) infinite;
	animation: preloader-spin .6s steps(12, end) infinite;
}
.preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
}
.preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/* === Preloader end=== */
